<template>
  <div class="sdy-search-list">
    <ul>
      <li
      v-for='item in searchList'
      :key="item.proid"
      >
        {{item.proname}}
      </li>
    </ul>
  </div>
</template>

<script setup lang="ts">
import {inject} from 'vue'
import type {MyHotItem } from '@/config/interface'
const searchList = inject<MyHotItem>('searchList')

</script>

<style scoped lang="scss">
  li{
    width: 100%;
    height: 50px;
    font-size: 13px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.297);
    &:hover{
      background: rgba(0, 0, 0, 0.106);
    }
  }
</style>
